<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="./lib/vue-2.4.0.js"></script>
</head>
<body>
<div id="app">
	<a href="#" @click.prevent="flag=true">登录</a>
	<a href="#" @click.prevent="flag=false">注册</a>


	<login v-if="flag"></login>
	<register v-else="flag"></register>
</div>
<script type="text/javascript">
// 登录组件
Vue.component('login',{
	template: '<h3>登录组件1</h3>'
});
// 注册组件
Vue.component('register',{
	template: '<h3>注册组件1</h3>'
});

var vm = new Vue({
	el: '#app',
	data: {
		flag: true
	}
});
</script>
</body>
</html>